//package com.zking.ssm.controller;
//
//public class qq {
//    <template>
//  <div>
//    <h1 align="center">SSM阶段机试，ts={{ts}}</h1>
//    <el-form :inline="true">
//    	<el-form-item>
//    		<el-input v-model="tname" placeholder="请输入教师名称"></el-input>
//    	</el-form-item>
//    	<el-form-item>
//    		<el-button type="primary" @click="query">查询</el-button>
//    		<el-button type="success" @click="open">新增</el-button>
//    	</el-form-item>
//    </el-form>
//    <!--数据表格-->
//    <el-table :data="tableData" style="width: 100%">
//    	<el-table-column prop="tid" label="编号" width="180">
//    	</el-table-column>
//    	<el-table-column prop="tname" label="教师名称" width="180">
//    	</el-table-column>
//    	<el-table-column prop="tjob" label="工作">
//    	</el-table-column>
//    	<el-table-column prop="tsal" label="钱">
//    	</el-table-column>
//    </el-table>
//    <!--弹出框-->
//    	<el-dialog title="新增" :visible.sync="dialogFormVisible">
//    		<el-form :model="ff" :rules="rules" ref="ff" label-width="100px" class="demo-ruleForm">
//    			<el-form-item label="名称" prop="tname">
//    				<el-input v-model="ff.tname"></el-input>
//    			</el-form-item>
//    			<el-form-item label="职位" prop="tjob">
//    				<el-input v-model="ff.tjob"></el-input>
//    			</el-form-item>
//    			<el-form-item label="钱" prop="tsal">
//    				<el-input v-model="ff.tsal"></el-input>
//    			</el-form-item>
//
//    		</el-form>
//    		<div slot="footer" class="dialog-footer">
//    			<el-button @click="dialogFormVisible = false">取 消</el-button>
//    			<el-button type="success" @click="add">确 定</el-button>
//    		</div>
//    	</el-dialog>
//    </div>
//</template>
//
//
//<script>
//    export default {
//        data: function() {
//            return {
//                    ts: new Date().getTime(),
//                    tname: '',
//                    tableData: [],
//            dialogFormVisible: false,
//                    ff: {
//                tname: '',
//                        tjob: '',
//                        tsal: ''
//            },
//            rules: {
//                tname: [{
//                    required: true,
//                            message: '请输入名称',
//                            trigger: 'blur'
//                }],
//                tjob: [{
//                    required: true,
//                            message: '请输入职位',
//                            trigger: 'blur'
//                }],
//                tsal: [{
//                    required: true,
//                            message: '请输入薪资',
//                            trigger: 'blur'
//                }],
//            }
//     };
//
//        },
//        methods: {
//            query: function() {
//                //请求参数
//                let params = {
//
//                        tname:this.tname
//    			}
//                //请求URL
//                let url = this.axios.urls.QUERY;
//                //发起请求
//                this.axios.post(url, params).then(resp => {
//                        console.log(resp.data);
//                this.tableData = resp.data.data;
//    			}).catch(err => {
//
//                })
//            },
//            open: function() {
//                this.dialogFormVisible = true;
//                this.ff={
//                        tname: '',
//                        tjob: '',
//                        tsal: ''
//    			}
//            },
//            add: function() {
//                this.$refs['ff'].validate((valid) => {
//                if (valid) {
//                    let url = this.axios.urls.ADD;
//                    this.axios.post(url, this.ff).then(resp => {
//                            let data = resp.data;
//                    if (data.success) {
//                        this.$message({
//                                message: '成功',
//                                type: 'success'
//    			            		});
//                        //关闭对话框
//                        this.dialogFormVisible=false;
//                        //刷新列表
//                        this.query();
//                    }
//    			            }).catch(err => {
//
//                    })
//                } else {
//                    console.log('error submit!!');
//                    return false;
//                }
//    			        });
//
//            }
//        }
//    }
//</script>
//
//<style>
//</style>
//
//}
